<template>
	<view class="body">
		<view class="applyone " @tap="hanleToApplyNow()">
			<view>
				<text class="cuIcon-calendar" style="color: #39B54A;font-size: 60rpx;margin-right: 20rpx;"></text>查看专业班报名缴费人数、剩余学位及班级状态
			</view>
		</view>
		<view class="applytow" @tap="hanleToApplyNowDetail()">
			<view >
				<text class="cuIcon-text"  style="color: blue;font-size: 60rpx;margin-right: 20rpx;"></text>查看专业班报名和缴费详情
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	function hanleToApplyNow(){  //查看专业班报名缴费人数、剩余学位及班级状态
		uni.navigateTo({
			url: `/pages/manage/applynow`
		})
	}
	function hanleToApplyNowDetail(){ //查看专业班报名和缴费详情
		uni.navigateTo({
			url: `/pages/manage/applynowDetail`
		})
	}
</script>

<style lang="scss">
	.body{
		height: 100vh;
		background: white;
		display: flex;
		align-items: center;
		flex-direction: column;
		.applyone{
			view{
				padding: 10rpx;
				margin-top: 80%;
				font-size: 32rpx;
				height: 150rpx;
				width:500rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 700;
				box-shadow: #9e9e9e 5rpx 10rpx 5rpx;
				margin-bottom: 50rpx;
				border-radius: 5%;
			}
		}
		.applytow{
			view{
				font-size: 32rpx;
				height: 150rpx;
				width: 500rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-weight: 700;
				box-shadow: #9e9e9e 5rpx 10rpx 5rpx;
				border-radius: 5%;
			}
		}
	}
</style>